.search-main {
    height: 100px;
    background-color: #efeff4;
    padding: 16px 16px 16px 30px;
}

.searchCon {
    flex: 1;
    background-color: #ffffff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.searchCon .sel {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.searchCon .selCon {
    width: 80px;
    padding: 4px;
    align-items: center;
    justify-content: center;
}
.searchCon .selCon image {
    height: 70%;
}

.search-b {
    flex-direction: row;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.search-b .close {
    width: 80px;
    height: 100%;
    padding: 4px;
    align-items: center;
    justify-content: center;
}
.search-b .close image {
    height: 70%;
}

.search-input {
    flex: 1;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.input-text {
    flex: 1;
    height: 100%;
    padding-right: 10px;
    font-size: 32px;
    background-color: #ffffff;
    border: 0px solid #ffffff;
    color: #0c0d0e;
    placeholder-color: #b3b6be;
}
/* 取消 */
.searchBtn {
    width: 100px;
    align-content: center;
    justify-content: center;
    background-color: #f3f5f7;
    border-left-width: 2px;
    border-left-color: #000000;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.searchBtn a {
    font-size: 34px;
    color: #df2f30;
}
/* 搜索列表 */
.searList {
    flex-direction: column;
    margin: 0 30px;
    columns: 1;
}

.searList text {
    width: 100%;
    height: 90px;
    border-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #f4f4f4;
    font-size: 30px;
    color: #3c3f46;
}

.searList .red {
    color: #df2f30;
}
